<template>
  <div class="limit_main">
    <div class="limit_main_container">
      <img src="@/assets/images/common/UFO404.png"
        width="280"
        height="180">
      <p class="title">企业账号异常</p>
      <p class="text"
        style="padding-top:6px">您的企业账号异常，请联系管理员处理</p>
      <div class="operation_btn">
        <div class="to_login" @click="toLogin">
          返回登录页
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { clearLocalStorage } from '@/utils/common'
export default {
  name: 'tenantForbidden',
  data() {
    return {}
  },
  methods: {
    // 用户退出
    toLogin() {
      // 清除本地指定缓存
      clearLocalStorage()
      // 清除本地所有缓存数据
      localStorage.clear()
      setTimeout(() => {
        this.$router.push({
          name: 'login'
        })
      }, 300)
    }
  }
}
</script>

<style lang="less">
.limit_main {
  background: #fff;
  height: 100vh;
  width: 100vw;
  .limit_main_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    p {
      text-align: center;
      &.title {
        padding-top: 2px;
        font-size: 16px;
        color: #262626;
        line-height: 24px;
      }
      &.text {
        font-size: 14px;
        color: #8c8c8c;
        line-height: 22px;
      }
    }
    .operation_btn {
      text-align: center;
      margin-top: 32px;
      .to_login {
        width: 142px;
        height: 44px;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #D9D9D9;
        line-height: 44px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
      }
      .contact_servise {
        background-color: #FF884D;
        color: #fff;
        margin-left: 18px;
      }
    }
  }
}
</style>
